<template>
    <div class="message">
        <h3>消息中心</h3>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="我的粉丝" name="first">
              <Fans/>
            </el-tab-pane>
            <el-tab-pane label="赞和收藏" name="second">配置管理</el-tab-pane>
            <el-tab-pane label="关注的人" name="third">
              <Fans/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import Fans from '@/components/Fans.vue';
export default {
    components:{
      Fans
    },
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}
</script>

<style lang="less" scoped>
.message{
    height: 610px;
    padding: 0 20px;
    /deep/.el-tabs__item{
        font-size: 17px;
    }
}
</style>